﻿/*----------------------------------------------------------
The base color for this template is #5c87b2. If you'd like
to use a different color start by replacing all instances of
#5c87b2 with your new color.
----------------------------------------------------------*/
@charset "utf-8";
/*********************************************** Reset Style ***********************************************/
*{margin: 0; padding: 0;}
body {
    line-height: 18px;
	background:url(../images/bgBody.gif) repeat-x top left;
}
body * {
    font-size:12px;
	font-family: arial;
	/*color:#414141;*/
}
body, html, div, blockquote, img, label, p,
h1, h2, h3, h4, h5, h6, pre, ul,  ol, li, dl, dt,
dd, form, a, fieldset, th, td { 
	margin: 0; padding: 0; border: 0; outline: none; 
} 


ol, ul {list-style: none;}

a {text-decoration: none;}
a img {border: none;}
img {vertical-align: middle;}
fieldset {border: none;}
h1, h2, h3, h4, h5, h6 {font-family: tahoma;}
.clear {clear: both;}
.floatleft {float: left;}
.floatright {float: right;}
.aligncenter {text-align: center;}

/*********************************************** Begin ***********************************************/

#wrapper{
	margin:5px auto;
	width:966px;
	background:url(../images/wrapCenter.png) repeat-y left top;	
}
#header{
	width:966px; height:132px;
	position:relative;
	background:url(../images/wrapTop.jpg) no-repeat left top;
	margin-bottom:5px;
}
#banner{
	width:940px; height:94px;
	margin:0px 13px;
	position:relative;
	background:url(../images/banner.jpg) no-repeat left 17px;
}
#banner ul#pages{
	position:absolute; right:0px; top:15px;
}
#banner ul#pages li{
	display:inline;
}
#banner ul#pages li a{
	color:#00658A; font-size:11px; text-decoration:underline;
	padding-left:10px;
}
#banner ul#pages li a:hover{
	color:#FF7B00;
}

#banner #search{
	width:262px; height:25px;
	position:relative; left:680px; top:60px;
	background:url(../images/bgSearch.gif) no-repeat left top;
}
#search form{
	position:absolute; 
	left:30px;
}
#search .key{
	background: none repeat scroll 0 0 transparent;
    border: 1px solid #fff;
    width: 160px;
    margin-top:4px;
}

#search form a.btSearch{
	width:49px; height:25px;
	float:right;
	margin-left:20px;
	right:0px; 
	top:0px;
	background:url(../images/iconGo.gif) no-repeat left top;
	display:block;
}

#mainNav{
	width:940px; height:38px;
	margin:0px 13px;
	position:relative;
	background:url(../images/bgNav.gif) repeat-x left top;
	border-radius: 15px 15px 15px 15px;
	-moz-border-radius:15px; 
	-webkit-border-radius:15px; 
	behavior:url(css/ie_6.htc);
	
}
#mainNav ul{
	width:940px; height:38px;
}
#mainNav ul li{
	float:left;
	position:relative;
}
#mainNav ul li a{
	color:#CEE4EF; font-size:12px; font-weight:bold;
	text-transform:uppercase;
	background:url(../images/lineNav.gif) no-repeat right 1px;
	padding:0px 20px;
	line-height:38px;
	display:block;
	float:left;
}
#mainNav ul li a.last-child{
	background:none;
	padding-right:10px;
}
#mainNav ul li a:hover{
	color:#FFF;
}
#mainNav ul li ul{
	display:none;
	position:absolute; left:0px; top:38px;
	width:160px; height:auto;
	padding:10px 20px 10px 20px;
	background:url(../images/bgSubmenu.png) repeat-x left top;
	-moz-border-radius:15px; -webkit-border-radius:15px;
	float:left;
	border:#8CA0AD 1px solid;
}
#mainNav ul li ul li{
	width:100%;
	padding-bottom:5px; margin-bottom:5px;
	border-bottom:#036 1px dotted;
	float:left;
	display:block;
}
#mainNav ul li ul li a{
	color:#0A496A; font-size:12px; font-weight:normal;
	background:none;
	padding:0px;
	line-height:16px;
	text-transform:none;
	display:block;
}
#mainNav ul li ul li a:hover{
	color:#E16E00;
}
#mainNav ul li:hover ul{
	display:block;
}
#mainContent{
	width:940px;
	padding:0px 13px;
	float:left;
	min-height:350px;
}
#footer{
	width:966px; height:85px;
	background:#fff url(../images/bgFooter.gif) no-repeat left top;
	float:left;
	position:relative;
	z-index:999;
}
#footer p.author{
	position:absolute; left:30px; top:48px;
	color:#fff;
}
#footer p.copyright{
	position:absolute; right:30px; top:48px;
	color:#fff;
}
/*About use*/
.uboutus
{
	width:310px;
	text-align:justify;
	margin-bottom:10px;
}
.uboutus .uheader
{
	display:block;
	background-color:#FC7C00;
	color:#fff;
	font-weight:bold;
	padding:20px 6px;
	background:url(../images/s_top.gif) no-repeat left top;
}
.uboutus .ubody
{
	width:305px;
	margin-left:5px;
	border: 1px solid #ccc;
	border-top:none;
	border-left:none;
}
.uboutus .usummary
{
	font-weight:bold;
	color:#006666;
	display:block;
	padding:10px;
}
.uboutus .ucontent
{
	display:block;
	padding:10px;
	padding-top:2px;
}

/*Style for home page*/
.mcontent
{
	display:block;
	overflow:hidden;
}
.mcontent .mleft
{
	width:320px;
	margin-right:5px;
	float:left;
}
.mcontent .mleft .minfo
{
	width:320px;
	display:block;
	margin-top:5px;
}
.mcontent .mleft .mnumber
{
	width:320px;
	display:block;
}
.mcontent .mright
{
	width:610px;
	float:left;
}
.mcontent .mright .missue
{
	display:block;
	margin-top:10px;
}
.mcontent .mright .mvolume
{
	display:block;
}
/*Lastest Volume*/
.latest_volume
{	
	width: 310px;
	margin-right:10px;
	border: 1px solid #DBDBDB;
    border-radius: 7px 7px 7px 7px;
    padding: 1px;
}
.latest_volume .lv_header
{    
    background: url(../images/bg_bar.gif) repeat-x;
	-moz-border-radius-topright: 7px;
	-webkit-border-top-right-radius: 7px;
	-moz-border-radius-topleft: 7px;
	-webkit-border-top-left-radius: 7px;
	color: #FFF;
	text-transform: uppercase;
	line-height: 33px;
	padding: 0 15px 0 10px;
	font-weight: bold;
	font-size: 10pt;
	text-align:center;	
}
.latest_volume .lv_header a
{
	color: #fff;	
}
.latest_volume .lv_header a:hover
{
	color: #CEE4EF;    
}
.latest_volume .lv_content
{	
	display:block;
	background: none repeat scroll 0 0 #E3ECF1;
    border-bottom: 1px solid #CCCCCC;
    border-bottom-left-radius: 3px;
    border-bottom-right-radius: 3px;
    border-left: 1px solid #CCCCCC;
    border-right: 1px solid #CCCCCC;
    /*margin-bottom: 7px;*/	
    color:Red;	
}
.latest_volume .lv_content ul
{
	color: red;
    margin: 0 0 0 25px;
    padding: 0;
}
.latest_volume .lv_content ul li
{
	list-style-type: square;
    padding: 7px 2px;
}
.latest_volume .lv_content ul li a
{
	color: #007972;
    text-decoration: none;
}
.latest_volume .lv_content ul li a:hover
{
	color: #ff6600;
    text-decoration: none;
}
/*Current Volume*/
.current_volume
{
	display:block;
	overflow:hidden;
}
.current_volume .cv_img
{
	width:280px;
	margin-right:10px;
	float:left;
}
.current_volume .cv_img img
{
	border: 1px solid #ccc;
	padding: 1px;
}
.current_volume .cv_info
{
	width:305px;
	float:left;
}
.current_volume .cv_info ul
{
	color: red;
    margin: 0 0 0 15px;
    padding: 0;
}
.current_volume .cv_info ul li
{
	list-style-type: none;
    padding: 7px 2px;
}
.current_volume .cv_info ul li a
{
	color: #007972;
    text-decoration: none;
}
.cv_info_content
{
	display:block;
	padding:2px;
}
.cv_info_content
{
	display:block;
	padding:2px;
	overflow:hidden;
	margin-bottom:5px;
}
.cv_info_content .cv_info_content_c
{
	width:230px;
	float:left;
}
.cv_info_content .cv_info_content_img
{
	width:46px;
	float:right;
}
.cv_info_content .cv_info_content_img img
{
	cursor:pointer;
	border:none;
}

/*Current Magazine*/
.magazine_current
{
	display:block;
	margin-top:10px;
}
.magazine_current .mheader
{
	display:block;
}
.magazine_current .mheader h2
{
	background-color: white;
    border-bottom: 1px solid #FF6600;
    color: #FF6600;
    font-size: 1.2em;
    font-weight: bold;
    padding-left: 0;
    text-transform: uppercase;
}
.magazine_current .mt_header
{
	margin-top:10px;
	background: url("../images/bg_tit.jpg") no-repeat scroll left top transparent;
    display: block;
    height: 30px;
    overflow: hidden;
}
.magazine_current .mt_header a
{
	color: #FFFFFF;
    font-size: 17px;
    font-weight: bold;
    line-height: 30px;
    padding: 5px;	
}
.magazine_current .mt_content
{
	display:block;
	margin-top:10px;
	overflow:hidden;
}
.magazine_current .mt_content .mt_item
{
	display:block;
	padding:3px;
	overflow:hidden;
}
.magazine_current .mt_content .mt_item .intype
{
	display:block;
	padding:0px 0px 3px 0px;
	overflow:hidden;
	color: #5f5f5f;
	font-weight:bold;
}
.magazine_current .mt_content .mt_item .mt_item_img
{
	width:55px;
	height:55px;
	float:left;
	overflow:hidden;
}
.magazine_current .mt_content .mt_item .mt_item_img img
{
	border: 1px solid #ccc;
	padding: 1px;
}
.magazine_current .mt_content .mt_item .mt_item_content
{
	float:left;
	width:500px;
}
.magazine_current .mt_content .mt_item .mt_item_download
{
	float:right;
	width:40px;
}
.magazine_current .mt_content .mt_item .mt_item_download img
{
	vertical-align:middle;
	cursor:pointer;
}
.magazine_current .mt_content .mt_item .mt_item_content .mt_item_content_title
{
	display:block;
	padding:0px 3px 3px 3px;
	font-weight:bold;
	color: #006666;
	font-size:13px;
}
.magazine_current .mt_content .mt_item .mt_item_content .mt_item_content_title_en
{
	display:block;
	padding:0px 3px 3px 3px;
	color: #006666;
}
.magazine_current .mt_content .mt_item .mt_item_content .mt_item_content_title a
{
	color: #006666;
	text-decoration:none;
}
.magazine_current .mt_content .mt_item .mt_item_content .mt_item_content_title_en a
{
	color: #006666;
	text-decoration:none;
	font-style:italic;
}
.magazine_current .mt_content .mt_item .mt_item_content .mt_item_content_title a:hover
{
	color: #DA7412;
}
.magazine_current .mt_content .mt_item .mt_item_content .mt_item_content_author
{
	display:block;
	padding:3px;
}
.magazine_current .mt_content .mt_item .mt_item_content .mt_item_content_other
{
	display:block;
	padding:0px 3px 3px 3px;
	color:#8f8f8f;
}
/*Volume Detail*/
.volume_detail
{
	display:block;
}
.volume_detail .volume_detail_left {
    float: left;
    width: 610px;
}
.volume_detail .volume_detail_left h2 {
    background-color: white;
    border-bottom: 1px solid #CCCCCC;
    color: #006666;
    font-size: 1.2em;
    font-weight: bold;
    padding: 8px 3px;
    text-transform: uppercase;
}
.volume_detail .volume_detail_left .v_item {
    float: left;
    width: 300px;
    margin-right:3px;
    margin-top:10px;
}
.volume_detail .volume_detail_right
{
	float: right;
    margin-left: 10px;
    width: 320px;
}
.volume_detail .volume_detail_right .heightlight
{
	display:block;
	margin-bottom:10px;
	text-align:justify;
	padding:10px;
	border: 1px solid #ccc;
	border-radius:3px;
	-moz-border-radius:3px;
	margin-right:10px;
	background-color:#E3ECF1;
}
.volume_detail .volume_detail_right .heightlight_img
{
	display:block;
	margin-bottom:10px;
	margin-right:10px;
}
.volume_detail .volume_detail_right .heightlight_img img
{
	border: 1px solid #ccc;
	padding: 2px;
}
.volume_detail .volume_detail_right .heightlight_download
{
	display:block;
	margin-top:5px;
	margin-bottom:5px;
	margin-right:10px;
	background: url("../images/pdf22.png") no-repeat scroll left top transparent;
	height: 22px;
}
.volume_detail .volume_detail_right .heightlight_download a
{
	color: #006666;
    font-size: 15px;
    font-weight: bold;
    line-height: 22px;
    padding: 3px;	
    padding-left: 25px;
}

.magazine_detail
{
	display:block;
}
.magazine_detail .magazine_detail_left {
    float: left;
    width: 700px;
    padding:10px;
}
.magazine_detail .magazine_detail_right
{
	float: right;
    width: 200px;
    padding:10px;
}
.magazine_detail_content
{
	display:block;
}
.magazine_detail_content .md_header
{
	display:block;
	margin-bottom: 5px;

}
.magazine_detail_content .md_header .txt
{
	display:block;
	color: #006666;
	font-weight:bold;
}
.magazine_detail_content .md_header .author
{
	display:block;
	color: #000;
}
.magazine_detail_content .md_header img
{
	float:left;
	margin-right: 5px;
}
.magazine_detail_content .md_summary
{
	display:block;
	margin-bottom: 5px;
	color: #006666;
}
.magazine_detail_content .md_keyword
{
	display:block;
	margin-bottom: 5px;
	color: #8f8f8f;
}
.magazine_detail_content .md_content
{
	display:block;
	margin-bottom: 5px;
	text-align:justify;
}
.magazine_detail_content .md_reference
{
	display:block;
	margin-bottom: 5px;
	text-align:justify;
}
.magazine_detail_content h2
{
	background-color: white;
    border-bottom: 1px solid #FF6600;
    color: #FF6600;
    font-size: 1.2em;
    font-weight: bold;
    padding-left: 0;
    margin-bottom:10px;
    margin-top:5px;
}
.magazine_detail .magazine_detail_right .tool
{
	display:block;
	font-weight:bold;
	color: #006666;
}
.magazine_detail .magazine_detail_right .tool img
{
	float:left;
	margin-right: 5px;
	vertical-align:middle;
}
.magazine_detail .magazine_detail_right .tool a
{
	line-height:30px;
	color: #006666;
}
.magazine_detail .magazine_detail_right .tool a:hover
{
	color: #FF6600;
}
/*Style for article*/
.bor_cor {
    border: 1px solid #DBDBDB;
    border-radius: 7px 7px 7px 7px;
    margin-bottom: 5px;
    padding: 1px;
}
.bor_cor h3 {
    color: #136900;
    font-size: 17px;
    font-weight: bold;
    margin:5px;
}
.bg_gra {
    background: url("../images/bg_gra.gif") repeat-x scroll 0 0 transparent;
    height: 31px;
    margin-top: 7px;
    width: 100%;
}
.art_sumary {
    font-weight: bold;
}
.art_detail, .art_sumary {
    display: block;
    line-height: 1.5em;
    padding: 5px 10px;
}
/*List Article*/
.content_new
{
	display:block;
}
.content-new h2 {
    background-color: white;
    border-bottom: 1px solid #FF6600;
    color: #FF6600;
    font-size: 1.2em;
    font-weight: bold;
    padding-left: 0;
    text-transform: uppercase;
}
#list-cate {
    display: block;
    padding: 20px 5px 0;
}
#list-cate .item-cate-first {
    padding: 0;
}
.list-bor {
    padding-bottom: 5px;
}
#list-cate .img-first {
    margin-right: 10px;
    width: 214px;
}
#list-cate .img-first img {
    border: 1px solid #CCCCCC;
    float: left;
    margin-bottom: 20px;
    margin-right: 10px;
    padding: 1px;
    width:214px;
    height:150px;
}
#list-cate .title-less-top {
    color: #1C7B9B;
    font-weight: bold;
    text-transform: uppercase;
}
.content_new h2,.content_new h3,.content_new h4 {
    margin: 0;
    padding: 0;
}
#list-cate .title-less-top a {
    color: #006486;
    font-weight: bold;
    text-decoration: none;
    text-transform: uppercase;
}
#list-cate .date-first {
    color: #8F8F8F;
    margin-bottom: 10px;
}
#list-cate .date span {
    color: #8F8F8F;
}
#list-cate .lead {
    color: #444444;
    height: 75px;
    overflow: hidden;
    text-align: justify;
}
#list-cate .item-cate {
    border-top: 1px solid #CCCCCC;
    height: 130px;
    padding: 15px 0 0;
}
#list-cate .avatar {
    float: left;
    margin-right: 10px;
    width: 133px;
}
#list-cate .avatar img {
    border: 1px solid #CCCCCC;
    float: left;
    padding: 1px;
}
#list-cate .title-less {
    font-weight: bold;
}
#list-cate .title-less a {
    color: #006486;
    text-decoration: none;
}
.art-content h3
{
	margin:0px;
	padding:0px;
}
/* BEGIN PageBar */

.pagebarUTH
{
	padding: 0.2em 0.5em;
	margin-right: 0.1em;
	border: 1px solid #FFF;
	background: #FFF;
	text-decoration: none;
}
.pagebarUTH span, .pagebarUTH a, .pageList .this-page
{
	color: #693;
	text-decoration: underline;
	border: 1px solid #E3E3E3;
	text-decoration: none;
	padding: 0.2em 0.5em;
	margin-left: 2px;
}
.pagebarUTH a:hover
{
	border: 1px solid #693;
	text-decoration: underline;
}
.pagebarUTH a:visited
{
	color: #693;
	border: 1px solid #E3E3E3;
	text-decoration: none;
	padding: 0.2em 0.5em;
}
.pagebarUTH .break
{
	padding: 2px 6px;
	border: none;
	background: #FFF;
	text-decoration: none;
}
.pagebarUTH .current
{
	border: 1px solid #693;
	padding: 0.2em 0.5em;
	font-weight: bold;
	background: #693;
	color: #FFF;
}
.pagebarUTH a:active
{
	color: #360;
	text-decoration: underline;
}
.fr
{
	float: right;
}
/* END PageBar */
/*Search*/
.search-tabs
{
	border: 1px solid #DBDBDB;
    border-radius: 7px 7px 7px 7px;
    margin-bottom: 5px;
    margin-top:5px;
    padding: 10px 0px 5px 10px;
}
.search-tabs ul
{
	margin: 0;
	padding: 0;
	font-family: Arial,Helvetica,sans-serif;
	font-size: 0.9em;
	line-height: 0.9em;
}
.search-tabs ul li
{
	padding: 5px 10px;
}
.search-tabs ul li label
{
	width: 150px;
	float: left;
}
.search-tabs ul li select
{
	width: 230px;
	border: 1px solid #9EC27C;
	height: 20px;
}
.search-tabs ul li .txt
{
	width: 230px;
	border: 1px solid #9EC27C;
	height: 20px;
}
#sr_bg
{
	background: url(../images/bg_sr.gif) repeat-x;
	-moz-border-radius-bottomright: 7px;
	-webkit-border-bottom-right-radius: 7px;
	-moz-border-radius-bottomleft: 7px;
	-webkit-border-bottom-left-radius: 7px;
	height: 47px;
	vertical-align: middle;
	border-top: 1px solid #dbdbdb;
	border-left: 1px solid #dbdbdb;
	border-right: 1px solid #dbdbdb;
	border-bottom: 1px solid #dbdbdb;
	margin-bottom: 10px;
}
.btn_
{
	background: url(../images/bg_btn.gif) repeat-x;
	cursor: pointer;
	border: none;
	height: 20px;
	color: #FFF;
	border: 1px solid #119448;
	padding: 0 3px;
	font-size: 11px;
}
h3.searchTitle
{
    font-size: 10pt;
    padding-bottom: 5px;
    padding-left: 10px;
}
table.admintable td {
	padding:5px;
	border: none;
}
table.admintable td.key, 
table.admintable td.paramlist_key {
	background-color:#F6F6F6;
	border-bottom:1px solid #E9E9E9;
	border-right:1px solid #E9E9E9;
	color:#666666;
	font-weight:bold;
	text-align:right;
	width:140px;
}
table.paramlist td.paramlist_description {
	background-color:#F6F6F6;
	border-bottom:1px solid #E9E9E9;
	border-right:1px solid #E9E9E9;
	color:#333333;
	font-weight:normal;
	text-align:left;
	width:170px;
}
table.admintable td.key.vtop {
	vertical-align:top;
}
table.admintable input[type="text"] 
{
    width: 200px;
    border: 1px solid #CCC;
}

table.admintable input[type="password"] 
{
    width: 200px;
    border: 1px solid #CCC;
}
label.error {
    color: red;
    display: block;
}
.contact
{
	margin: 30px auto;
	width: 600px;
	color: #333333;
}

.contactInfo, .contactForm
{
	width: 100%;
}

.contactInfo td, .contactForm td
{
	padding: 5px;
}

.contactForm input[type="text"], .contactForm select, .contactForm textarea
{
	color: #727272;
	width: 340px;
}

.contactName
{
	font-weight: bold;
	text-transform: uppercase;
}

.contactForm input[type="text"].error, .contactForm select.error, .contactForm textarea.error
{
	border: solid 1px red;
}
.notice
{
	background: url(../images/notice_button.gif) left center no-repeat;
	padding: 10px 50px;
}

.tit_bar_colcen
{
	background: url(../images/bg_bar.gif) repeat-x;
	-moz-border-radius-topright: 7px;
	-webkit-border-top-right-radius: 7px;
	-moz-border-radius-topleft: 7px;
	-webkit-border-top-left-radius: 7px;
	color: #FFF;
	text-transform: uppercase;
	line-height: 33px;
	padding: 0 15px 0 10px;
	font-weight: bold;
	font-size: 10pt;
}
.new_img
{
	width: 67px;
	float: left;
}
.new_cnt
{
	width: 220px;
	float: left;
	margin-left: 5px;
}
.new_cnt a
{
	color: #006666;
}
.new_cnt a:hover
{
	color: #ff6600;
}
.bor_img
{
	border: 1px solid #dbdbdb;
	padding: 2px;
	display: block;
}
.news_list ul
{
	margin: 0;
	padding: 7px;
}
.news_list ul li
{
	border-bottom: 1px dotted #dbdbdb;
	padding: 7px 0 3px 0;
}




